<!DOCTYPE html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>出错了 - Shopping Mall</title>
    <meta name="description" content="出错了">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon -->
    <link rel="shortcut icon" th:href="@{/images/favicon.png}"/>
    <!-- Plugins CSS -->
    <link rel="stylesheet" th:href="@{/css/plugins.css}">
    <!-- Main Style CSS -->
    <link rel="stylesheet" th:href="@{/css/style.css}">
    <link rel="stylesheet" th:href="@{/css/responsive.css}">
</head>

<body class="template-404">
<!--Page Wrapper-->
<div class="page-wrapper">
    <!--引入片段-->
    <div th:replace="~{include_header::header}"></div>

    <!--Page Content-->
    <div id="page-content">
        <!--Body Container-->
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="empty-page-content text-center">
                        <h1>出错了</h1>
                        <p th:text="${error}" class="error-msg">系统出现异常，请稍后重试</p>
                        <p>
                            <a href="/" class="btn">返回首页</a>
                            <a href="javascript:history.back()" class="btn btn-outline">返回上一页</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!--End Body Container-->
    </div>
    <!--End Page Content-->
</div>
<!--End Page Wrapper-->

<!-- Including Jquery -->
<script th:src="@{/js/vendor/jquery-3.6.0.min.js}"></script>
<script th:src="@{/js/vendor/modernizr-3.6.0.min.js}"></script>
<script th:src="@{/js/vendor/jquery.cookie.js}"></script>
<!-- Including Javascript -->
<script th:src="@{/js/plugins.js}"></script>
<script th:src="@{/js/main.js}"></script>
</body>
</html> 